<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript"src="//code.jquery.com/jquery-1.11.2.min.js"></script>"
    <script src="assig4img.js">

        </script>
</head>
<body>
<div id="image1">
    <img src="http://www.photoscartoon.com/wp-content/uploads/2014/06/tom-and-jerry-cartoons.gif" border="0" alt="one" />
</div>

<div id="image2">
    <img src="http://www.photoscartoon.com/wp-content/uploads/2014/11/tom__jerry.png"alt="Tom & Jerry 2" border="0" alt="two" />
</div>

<div id="image3">
    <img src="http://www.photoscartoon.com/wp-content/uploads/2013/11/angry_birds_characters.jpg" border="0" alt="three" />
</div>

<div id="image4">
    <img src="http://www.iwerks.com/pub/images/catalog/LTRR_4D_Key-Art-Poster_lrg.jpg" border="0" alt="four" />
</div>

<div id="image5">
    <img src="http://cartoonsimages.com/sites/default/files/field/image/Popeye-Front-HD.jpg" border="0" alt="five" />
</div>

<a id="one" href="#" onclick="changeIt('image1');">one</a>
<a id="two" href="#" onclick="changeIt('image2');">two</a>
<a id="three" href="#" onclick="changeIt('image3');">three</a>
<a id="four" href="#" onclick="changeIt('image4');">four</a>
<a id="five" href="#" onclick="changeIt('image5');">five</a>

</body>
</html>